使用JavaScript實(shí)現(xiàn)下拉框的動(dòng)態(tài)控制
一、前言
下拉框是常用的一種web頁面控件。它很簡單實(shí)用，便于
操作者從…組選項(xiàng)中選擇適合的選項(xiàng)。一般的下拉框選項(xiàng)是在
頁面編寫過程中事先寫好的，但有時(shí)這樣不能滿足要求。假設(shè)
有兩個(gè)下拉框，一個(gè)是省份，一個(gè)是城市。當(dāng)操作者選擇了一個(gè)
省份后，希望另一個(gè)下拉框的選擇能夠自動(dòng)過濾為這個(gè)省份的
城市。要達(dá)到這種樣子，必須實(shí)現(xiàn)下拉框的動(dòng)態(tài)控制。常用的下
拉框動(dòng)態(tài)控制是使用JavaScript實(shí)現(xiàn)的
JavaSreipt是最早由網(wǎng)景公司在其NetScape瀏覽器中引入
的，后來微軟的IE也開始支持JavaScript，并發(fā)揚(yáng)光大。
二、下拉框的控制
在利用JavaScript進(jìn)行實(shí)際的開發(fā)中，我們發(fā)現(xiàn)下拉框的
控制是比較讓人煩的，沒有現(xiàn)成的JavaScript代碼可以使用。現(xiàn)
在就和大家重點(diǎn)討論一下下拉框。主要討論動(dòng)態(tài)改變下拉框的選項(xiàng)，前提是：
該下拉框是單選，如果是多選需要讀者自己修改
部分代碼，實(shí)現(xiàn)原理一樣。
首先．我們看一段下拉框初始化的html代碼：
<F0RM>
<SELECT NAME=”city”size=lO>
<option value=”010”>北京<／option>
<option value=”025”>南京<／option>
<option value：”021”>上海<／option>
<option value=”029”>西安<／option>
<option value：”000”>其他<／option>
<／SELECT>
<／F0RM>